<template>
  <div>
    <!-- 子组件 -->
    <!-- <p>收到父组件传过来的信息：{{ msg }}</p> -->
    <!-- <p>收到父组件传过来的信息：{{ msg2 }}</p> -->

    <h4>子组件</h4>
    <button @click="send">给父组件发消息</button>
  </div>
</template>
<script>
export default {
  props: ['msg', 'msg2'],
  methods: {
    // 触发组件绑定在子组件上的自定义事件
    send() {
      // 定义参数用于接收
      let data = {
        msg1: '父组件好',
        msg2: '我有女朋友了',
      }
      this.$emit('getMsg', data)
    },
  },
}
</script>
